<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <!-- <link rel="stylesheet" href="../css/shopping.css"> -->
</head>
<body>
    <!-- 头部 -->
    <div id="hard">
        <div class="typeArea heart clearfix">
            <div class="mark">realme.com</div>
            <div class="greet">欢迎光临，&emsp;请 <a href="#">登陆\<span>注册</span></a></div>
        </div>
    </div>
    <!-- 主体部分 -->
    <!-- <header class="heart">
        <ul class="head_ul clearfix">
            <li class="lis1"><input type="checkbox"></li>
            <li class="lis2">商品信息</li>
            <li class="lis3">商品参数</li>
            <li class="lis4">单价</li>
            <li class="lis5">数量</li>
            <li class="lis6">金额</li>
            <li class="lis7">操作</li>
        </ul>
        <ul class="body_ul clearfix">
            <li class="lis1"><input type="checkbox"></li>
            <li class="lis2">商品信息</li>
            <li class="lis3">商品参数</li>
            <li class="lis4">￥500.00</li>
            <li class="lis5"><span class="span1">减少</span><input type="number" value="1"><span class="span2">添加</span></li>
            <li class="lis6">￥500.00</li>
            <li class="lis7">删除该商品</li>
        </ul>
        <footer>
            <span>删除选中商品</span>
            <span>已选择 <i>0</i>件商品,共计 <b>0</b>元</span>
        </footer>
    </header> -->
    <div class="header container">
        <!-- 头部 -->
        <ul class="list_header">
          <li class="list_chk">
            <!-- <input type="checkbox" id="selall">  -->
            <div class="shop_info">
              <!-- 单个店铺的全选 -->
                <input type="checkbox" class="all_check ">    
              
            </div>
          </li>
          <li class="list_con">商品信息</li>
          <li class="list_info">商品参数</li>
          <li class="list_price">单价</li>
          <li class="list_amount">数量</li>
    
          <li class="list_sum">金额</li>
          <li class="list_op">操作</li>
        </ul>
        <!-- 第一个店铺 -->
        <div class="cartbox">
          <!-- 店铺信息 -->
         
          <!-- 订单主要区域 -->
          <div class="order_content">
            <ul class="order_lists mt10 clearfix">
              <li class="list_chk">
                <!-- 单个复选框 -->
                <input type="checkbox" class="son_check">           
              </li>
              <li class="list_con">
                <div class="list_img fl">
                  <a href="javascript:;">
                    <img src="../img/images/1.jpg" alt="">
                  </a>
                </div>
                <div class="list_text fl">
                  <a href="#">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a>
                </div>
              </li>
              <li class="list_info">
                <p>规格：默认</p>
                <p>尺寸：16*16*3(cm)</p>
              </li>
              <li class="list_price">
                <!-- 单价 -->
                <p class="price">￥<span>500</span></p>
              </li>
              <!-- 数量  -->
              <li class="list_amount">
                <div class="amount_box">
                  <!-- 减 -->
                  <a class="reduce fl">-</a>
                  <input type="number" value="1" class="sum fl">
                  <!--  加 -->
                  <a class="plus fl">+</a>
                </div>
              </li>
              <li class="list_sum">
                <!-- 小计结果 -->
                <p class="sum_price">￥<span>500</span></p>
              </li>
              <li class="list_op">
                <p class="del">
                  <a  class="delbtn">移除商品</a>
                </p>
              </li>
            </ul>
            <ul class="order_lists mt10 clearfix">
                <li class="list_chk">
                  <!-- 单个复选框 -->
                  <input type="checkbox" class="son_check">           
                </li>
                <li class="list_con">
                  <div class="list_img fl">
                    <a href="javascript:;">
                      <img src="../img/images/1.jpg" alt="">
                    </a>
                  </div>
                  <div class="list_text fl">
                    <a href="#">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a>
                  </div>
                </li>
                <li class="list_info">
                  <p>规格：默认</p>
                  <p>尺寸：16*16*3(cm)</p>
                </li>
                <li class="list_price">
                  <p class="price">￥<span>500</span></p>
                </li>
                <li class="list_amount">
                  <div class="amount_box">
                    <!-- 减 -->
                    <a class="reduce fl">-</a>
                    <input type="text" value="1" class="sum fl">
                    <!--  加 -->
                    <a class="plus fl">+</a>
                  </div>
                </li>
                <li class="list_sum">
                  <!-- 小计结果 -->
                  <p class="sum_price">￥<span>500</span></p>
                </li>
                <li class="list_op">
                  <p class="del">
                    <a  class="delbtn">移除商品</a>
                  </p>
                </li>
            </ul>
            <ul class="order_lists mt10 clearfix">
                <li class="list_chk">
                  <!-- 单个复选框 -->
                  <input type="checkbox" class="son_check">           
                </li>
                <li class="list_con">
                  <div class="list_img fl">
                    <a href="javascript:;">
                      <img src="../img/images/1.jpg" alt="">
                    </a>
                  </div>
                  <div class="list_text fl">
                    <a href="#">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a>
                  </div>
                </li>
                <li class="list_info">
                  <p>规格：默认</p>
                  <p>尺寸：16*16*3(cm)</p>
                </li>
                <li class="list_price">
                  <p class="price">￥<span>500</span></p>
                </li>
                <li class="list_amount">
                  <div class="amount_box">
                    <!-- 减 -->
                    <a class="reduce fl">-</a>
                    <input type="text" value="1" class="sum fl">
                    <!--  加 -->
                    <a class="plus fl">+</a>
                  </div>
                </li>
                <li class="list_sum">
                  <!-- 小计结果 -->
                  <p class="sum_price">￥<span>500</span></p>
                </li>
                <li class="list_op">
                  <p class="del">
                    <a  class="delbtn">移除商品</a>
                  </p>
                </li>
            </ul>
          </div>
        </div>
      
       
        
        <!-- 底部 -->
        <div class="btmbox">
            
            <!-- <input type="checkbox" class="all_check ml30">
            <span>全选</span>  -->
            <a class="delallsel">删除选中商品</a>
            <p class="fr">
              <span>已选择<strong class="cf40 amount">0</strong>件商品</span>
              <span>共计<strong class="cf40 totalprice">0.00</strong>元</span>
              <a href="#">去结算</a>          
            </p>
    
    
        </div>
      </div>
     
      
      <!-- yejiao页脚1 -->
      <div id="foot1">
          <div class="heart icon">
              <div class="warp clearfix">
                  <div class="beauti beauti1"></div>
                  <div class="beauti beauti2 beauti5"></div>
                  <div class="beauti beauti3 beauti5"></div>
                  <div class="beauti beauti4"></div>
                </div>
            </div>
            <div class="heart litt">
                <div class="warp">
                    <ul class="clearfix">
                        <li class="diagonal">支付方式</li>
                        <li class="diagonal">网上支付</li>
                        <li class="diagonal">礼品卡支付</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                        <li class="diagonal">银行转帐</li>
                    </ul>
                </div>
                <div class="number">
                    <i>r e a l m e</i>
                </div>
            </div>
        </div>
        <script src="../lib/jquery.js"></script>
        <!-- <script src="../js/"></script> -->
        <script src="../js/1.js"></script>
        <script src="../js/shopping.js"></script>
</body>
</html>